{% extends "front/settings.html" %}

{% block content %}
<div class="change-email-container">
    <div class="change-email-header">
        <h2>修改邮箱</h2>
    </div>

    <div class="change-email-form">
        <div class="email-info">
            <p>我们将向以下邮箱发送验证码：</p>
            <p class="current-email">****{{ g.user.email[-11:] }}</p>
        </div>

        <div class="form-group">
            <label for="captcha" class="form-label">验证码</label>
            <div class="captcha-input-group">
                <input type="text" id="captcha" name="captcha" class="form-input"
                       placeholder="请输入验证码" maxlength="6">
                <button type="button" id="send-captcha" class="old-btn old-btn-secondary">发送验证码</button>
            </div>
        </div>

        <div class="form-group">
            <button type="button" class="old-btn old-btn-primary next-btn" id="next">下一步</button>
            <a href="{{ url_for('front.set_count') }}" class="old-btn old-btn-default cancel-next-btn">取消</a>
        </div>
    </div>
</div>
{% endblock %}
